<template>
  <div>
    <div class="cell-wrap">
      <div class="msg">
         <router-link class="msg-btn" to="/msg">
            <span class="pr-iconfont icon-edit"></span>
          </router-link>
      </div>
      <router-link class="user-head" to="/user/userInfo">
        <img v-bind:src="avatar" alt="" class="user-avater">
        <div>
          <p class="user-name">{{ userName }}</p>
          <p class="privilege">创业特权: <span>{{ privilege }}</span></p>
        </div>
        <i class="mint-cell-allow-right"></i>
      </router-link>
    </div>

    <div class="cell-wrap">
      <mt-cell title="消费记录" to="/User/payRecord/2" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon_m_rec.png">
      </mt-cell>
      <mt-cell title="我的邀约" to="" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon-m-inv.png">
      </mt-cell>
    </div>

    <div class="cell-wrap">
      <mt-cell title="账号管理" to="" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon_m_cont_m.png">
      </mt-cell>

      <mt-cell title="我的收藏" to="" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon_m_like.png">
      </mt-cell>
    </div>

     <div class="cell-wrap">
      <mt-cell title="积分商城" to="" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon_code_mall.png">
      </mt-cell>

      <mt-cell title="线上商城" to="" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon_online_mall.png">
      </mt-cell>

      <mt-cell title="种子夺宝" to="" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon_1_shop.png">
      </mt-cell>
    </div>

    <div class="cell-wrap">
      <mt-cell title="系统设置" to="" is-link>
        <img class="cell-icon" slot="icon" src="../lib/icon_m_setting.png">
      </mt-cell>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'user-index',
    data() {
      return {
        msg: 'Vue',
        userName: '因桃子',
        privilege: '钻石',
        avatar : './src/lib/df_avatar.png'
      }
    },
    created (){
      //console.log(this.$http.post('http://192.168.0.130:3000/api/getUserinfo'));
    }
  }
</script>

<style lang="scss">
  @import '../sass/user.scss';
</style>